/**
 * Created by Administrator on 2021/9/13.
 */

/*
    DOM (Document Object Model)

*  document: HTML文档
*
*  document.querySelector("选择器的名称");
*
*/
var element1 = document.querySelector("button");
console.log(element1);

var element2 = document.querySelector(".username");
console.log(element2);

var element3 = document.querySelector("input[type=password]");
console.log(element3);

//获得id="p4"的元素
//获得.p1 下的.str1 元素

//获得class="d1"下的 ul 元素

//获得class="d1"下的 ul的所有子元素
//获得class="d1"下的 ul的第1个li 元素
//获得class="d1"下的 ul的第2个li 元素
//获得class="d1"下的 ul的第4个li 元素
//获得class="d1"下的 ul的最后个li 元素

//获得class="d1"下的 ul的第4个li 元素 的前一个兄弟元素
//获得class="d1"下的 ul的第4个li 元素 的下一个兄弟元素
//获得class="d1"下的 ul的第4个li 元素 的父元素
